/**
* 左边框架结构CSS
*/
.lefter {
  z-index:10;
  position: relative;
  float:left;
  width:200px;
  height:100%;
  background-color: #484747;
  overflow: auto;
  .user_info {
    height:150px;
    padding-top: 20px;
  }
}

.blog_head {
  margin: 0 auto;
  width:150px;
  .head_img {
    width:150px;
    height:150px;
    border-radius: 75px;
    border: 5px solid #efefef;
    margin: 0 auto;
  }

  .summary {
    margin:10px;
    color: #ffffff;
    text-align: center;
  }
}

.blog_category {
  border-top:1px dashed #999999;
  ul {
    padding:0;
    margin:0;
    list-style-type: none;
  }

  li {
    margin: 0;
    text-align: right;
  }

  a {
    width:100%;
    height:100%;
    padding: 10px;
    display: block;
    color: #999999;
  }

  a:hover {
    color: #ffffff;
    background-color: #333333;
  }
}

.blog_copyright {
  padding: 10px;
  position: absolute;
  width:100%;
  bottom:0;
  color: #ffffff;
  font-size:10px;
  line-height: 14px;
  text-align:right;
}